@extends('common')
@section('content')
<script type="text/javascript" src="{{url('assets/js/jquery.jqChart.min.js')}}"></script>
<script lang="javascript" type="text/javascript">
$(document).ready(function () {
	$('#jqChart').jqChart({
		title: { text: '2016年油气添加统计' },
		axes: [
			{
				location: 'left',//y轴位置，取值：left,right
				minimum: 10,//y轴刻度最小值
				maximum: 200,//y轴刻度最大值
				interval: 10//刻度间距
			}
		],

		series: [
			//数据1开始
			<?php foreach ($arr as $k => $v) { 
				$aa="";
               foreach ($v as $key => $val) {
               	$aa=$aa."['".$val['oil_month']."月',".$val['info']."],";
               }

			?>
                
                	
			{
				type: 'column',//图表类型，取值：column 柱形图，line 线形图
				title:'<?php echo $v[0]['oil_type']?>',//标题
				
				data: [<?php echo $aa; ?>]
			},
		 <?php } ?>	
		]
	});
});
</script>
<div class="wrapper">
   <!-- 代码 开始 -->
 <div>
<div id="jqChart" style="height: 300px;"></div>
</div>
   <!-- 代码 结束 -->
</div>


 <h3>我的汽油添加记录</h3>
 <table class="table table-bordered table-hover definewidth m10">
   <tr>
     <td>汽油添加时间</td>
     <td>车辆</td>
     <td>实际添加数量</td>
     <td>处理人</td>
   </tr>
 @foreach($info as $k =>$v)
   <tr>
     <td>{{$v->o_time}}</td>
     <td>{{$v->c_num}}</td>
     <td>{{$v->o_num}}L</td>
     <td>{{$v->o_name}}</td>
   </tr>
 @endforeach
 </table>

<style>

.pagination ul{
     margin-left: 20%;
 }
    
     .disabled span{
       display: none;
    }
 .pagination  li{
     float: left;
     overflow:hidden;
     margin-top:20px;
     list-style:none;

 }

 .pagination li a{
    display:block;
     height:30px;
     min-width:30px;
     text-align:center;
     font-size:14px;
     border:1px solid #d6d6d6;
     float:left;
     margin-left:10px;
     padding:3px 5px;
     line-height:30px;
     text-decoration:none;
     color:#666;
 }
 .active span{
    display:block;
     height:30px;
     min-width:30px;
     text-align:center;
     font-size:14px;
     border:1px solid #d6d6d6;
     float:left;
     margin-left:10px;
     padding:3px 5px;
     line-height:30px;
     text-decoration:none;
     color:#666;
 }
 .pagination li a:hover,a.here{
     background:#FF4500;
     border-color:#FF4500;
     color:#FFF;
 }
 .page{
    float:center;
 }

</style>
        <div class='page'>
		{!! $info->render() !!}
	    </div>
@stop